<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,usesr-scalable=0">
    <meta name="keywods" content="">
    <meta name="description" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="blank">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="__INDEX__/css/swiper.min.css">
    <link rel="stylesheet" href="__INDEX__/css/index.css">
    <script src="__INDEX__/js/flexible_css.js"></script>
    <script src="__INDEX__/js/flexible.js"></script>
    <script src="__INDEX__/js/jquery-1.12.4.min.js"></script>
    <script src="__INDEX__/js/swiper.jquery.min.js"></script>
</head>

<body>
<div class="wrap">
    <!-- 头部 -->
    <div class="header">
        <div class="yetou">
            <img src="__INDEX__/images/logo.png" alt="">
        </div>
        <ul>
            <li>
                <a href="{:url('index/index/index')}">首页</a>
                <span class="line"></span>
            </li>
            <li>
                <a href="{:url('index/people/index')}">便民服务</a>
                <span class="line"></span>
            </li>
            <li>
                <a href="{:url('index/interaction/index')}">互动查询</a>
            </li>
        </ul>

        <div class="show">
            <div class="swiper-container lunbo">
                <div class="swiper-wrapper">
                    {volist name="banners" id="vo"}
                    <div class="swiper-slide">
                        <a href="{$vo.link}">
                            <img src="/{$vo.pic}" alt="不好意思图裂了">
                        </a>
                    </div>
                    {/volist}
                </div>
            </div>
            <div class="txt">
                <p>{$cont.pic_desc}</p>
            </div>
        </div>

        <!-- 公告 -->
        <div class="desWrap">
            <img src="__INDEX__/images/laba.png" alt="">
            <marquee direction="left" behavior="scroll" loop="0" scrollamount="10" scrolldelay="100">
                {$conte.pic_desc}
            </marquee>
        </div>
    </div>

    <div class="content">
        <!-- 新闻中心 -->
        <div class="newswrap">
            <div class="news">
                <div class="new-tit">
                    <span>新闻中心</span>
                    <span>NEWS</span>
                    <img src="__INDEX__/images/biaotihengxian.png" alt="">
                </div>
                <ul>
                    <li>
                        <a href="{:url('index/jour/lst')}">
                            <img src="__INDEX__/images/zhengwu.png" alt="">
                            <span>政务快讯</span>
                        </a>
                    </li>
                    <li>
                        <a href="{:url('index/nots/lst')}">
                            <img src="__INDEX__/images/tongzhi-.png" alt="">
                            <span> 通知公告</span>
                        </a>
                    </li>
                    <li>

                        <a href="{:url('index/video/index')}">
                            <img src="__INDEX__/images/shipin.png" alt="">
                            <span> 视频专区</span>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 工作动态 -->
            <div class="work">
                <div class="work-tit">
                    <div class="work-top">
                        <a href="{:url('index/jour/lst')}">
                            <p>工作动态</p><p>更多&lt;&lt;
                        </p>
                        </a>
                    </div>
                </div>

                <ul class="gul">
                    {volist name="data" id="da"}
                    <li>
                        <a href="{:url('index/jour/detail',['id'=>$da.id])}">
                            <div class="lft">
                                <img src="/{$da.pic}" alt="">
                            </div>
                            <div class="rt">
                                <p> {$da.name}</p>
                                <span>时间：{$da.create_time}</span>
                            </div>
                        </a>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>

        <!-- 信息公开 -->
        <div class="infowrap">
            <div class="info">
                <div class="info-tit">
                    <span>信息公开</span>
                    <span>INFORMATION&ensp;DISCLOSURE</span>
                    <img src="__INDEX__/images/biaotihengxian.png" alt="">
                </div>

                <div class="info-show">
                    <div class="show-lt">
                        <a href="{$link[0]['link']}">
                            <img src="/{$link[0]['img_url']}" alt="">
                            <span>{$link[0]['name']}</span>
                        </a>
                    </div>
                    <ul class="show-rt">
                        {for start="1" end="count($link)" name="i"}
                            
                            {if condition="$i eq 1"}<li class="pink">{elseif condition="$i eq 2"}<li class="yel">{elseif condition="$i eq 3"}<li class="purple">{else}<li class="blue">{/if}
                            <a href="{$link[$i]['link']}">
                                <img src="/{$link[$i]['img_url']}" alt="">
                                <span> {$link[$i]['name']}</span>
                            </a>
                        </li>
                        {/for}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部导航栏 -->
    {include file="public/footer" /}

</div>

<script>


    $('.header ul li a').eq(0).css('color','#0860a8')
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay: 2000,
        // 如果需要分页器
        pagination: '.swiper-pagination',
        paginationClickable: true,
    });
</script>
</body>

</html>